.m-p-0 {
	margin: 0 !important;
	padding: 0 !important;
}
.m-0 {
	margin: 0 !important;
}
.p-0 {
	padding: 0 !important;
}
@for $i from 0 through 12 {
	.p-t-#{$i*5} {
		padding-top: (0px + $i * 5) !important;
	}

	.m-t-#{$i*5} {
		margin-top: (0px + $i * 5) !important;
	}

	.p-l-#{$i*5} {
		padding-left: (0px + $i * 5) !important;
	}

	.m-l-#{$i*5} {
		margin-left: (0px + $i * 5) !important;
	}

	.p-r-#{$i*5} {
		padding-right: (0px + $i * 5) !important;
	}

	.m-r-#{$i*5} {
		margin-right: (0px + $i * 5) !important;
	}

	.p-b-#{$i*5} {
		padding-bottom: (0px + $i * 5) !important;
	}

	.m-b-#{$i*5} {
		margin-bottom: (0px + $i * 5) !important;
	}
}

.t-r {
	text-align: right;
}

.t-l {
	text-align: left;
}

.t-c {
	text-align: center;
}

.f-r {
	float: right;
}

.f-l {
	float: left;
}
.fz-info {
	font-size: 28rpx;
}
.fz-t {
	font-size: 36rpx;
}

.color-gray {
	color: #c7c7cc;
}

.border-top {
	border-top: 1px solid #eee7e7 !important;
}
.border-bottom {
	border-bottom: 1px solid #eee7e7 !important;
}
.border-right {
	border-right: 1px solid #eee7e7 !important;
}
.border-left {
	border-left: 1px solid #eee7e7 !important;
}
.one-line {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.two-line {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.eight-line {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.home {
	border-top: 1px solid #e1e1e1;
	background: $back;
	font-size: 30upx;
	height: 100%;
}

.text-indent {
	text-indent: 1em;
}

.text-row {
	text-indent: 0em;
}

.full-home {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.back {
	.uni-grid {
		background: #fff;
	}
}

.textarea-info {
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 30rpx;
	line-height: 46rpx;
}
// 颜色相关     start-=--------------
.active-device {
	color: $active-device;
}

.full {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
}

// 公共按钮样式
.obit-btn-defult {
	background: linear-gradient(to right, #49aaff, #89caff);
	border-radius: 10rpx;
	text-align: center;
	width: 150rpx;
	color: #fff;
}

.obit-btn-active {
	background: linear-gradient(to right, #24cac4, #1be8e1);
	border-radius: 10rpx;
	text-align: center;
	width: 150rpx;
	color: #fff;
}

.obit-btn-green {
	background: linear-gradient(
		to right,
		rgba(9, 187, 7, 1),
		rgba(9, 187, 7, 0.6)
	);
	border-radius: 10rpx;
	text-align: center;
	width: 150rpx;
	color: #fff;
}

.obit-btn {
	height: 66rpx;
	line-height: 66rpx;
	padding: 0 24rpx;
	color: #444444;
	border-radius: 40rpx;
	text-align: center;
}
.obit-zlbtn {
	height: 48rpx;
	border-radius: 10rpx;
}
.obit-zlbtn-defult {
	background: rgba(90, 211, 253, 1);
	color: #fff;
	padding: 6rpx 20rpx;
}
.zlbtn-defult {
	background: #0738a3;
	width: 686rpx;
	height: 88rpx;
	border-radius: 8rpx;
	display: inline-block;
	line-height: 88rpx;
	text-align: center;
	color: #fff;
	margin: 0 auto;
}

.obit-btn-empty {
	background: #fff;
	color: #444444;
	border: 1px solid rgba(214, 213, 214, 1);
}

.obit-btn-empty-active {
	background: #fff;
	color: #2fa9fc;
	border: 1px solid #2fa9fc;
}

.obit-btn-disabled {
	color: #999999;
	border: 1px solid #eeeeee;
	background: rgba(249, 249, 249, 1);
}

.btn-defult {
	width: 243rpx;
	height: 88rpx;
	line-height: 88rpx;
	border-radius: 49rpx;
	display: inline-block;
}

.obit-full {
	height: 88rpx;
	line-height: 88rpx;
	width: 100%;
	font-size: 36rpx;
}

// plug 顶部tabbar  两个 start ------------------------------------------
// 在有底部tabbar的情况下占位 顶上来
.fixed-foot-bak {
	height: 50px;
	width: 100%;
}
// 导航栏下面 flex 高度  上拉加载等
.swiper-fixed {
	overflow: auto;
	flex: 1;

	.scrollList {
		height: 100%;
	}
}

// 顶部导航栏 显示tab
.obit-swiper-tab {
	border-bottom: 0upx solid #fff;

	.swiper-tab-list {
		width: 50%;
		position: relative;
	}

	.activelab {
		background: #e1e1e1;
		height: 3upx;
		width: 100%;
		position: absolute;
		bottom: -24upx;
		left: 0;
		display: inline-block;
	}

	.active {
		.activelab {
			background: #0738a3;
			height: 6upx;
		}
	}

	.active {
		color: #0738a3;
	}
}

.obit-tabs {
	.uni-swiper-slides,
	.uni-swiper-slide-frame,
	.obit-swiper-item {
		// height: auto;
		position: relative !important;
	}
}
// plug 顶部tabbar  两个 end ------------------------------------------

.example-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 32upx;
	color: #464e52;
	padding: 30upx;
	margin-top: 20upx;
	position: relative;
	background-color: #fdfdfd;
}

.example-title__after {
	position: relative;
	color: #031e3c;
}

.example-title:after {
	content: '';
	position: absolute;
	left: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	width: 10upx;
	height: 40upx;
	border-top-right-radius: 10upx;
	border-bottom-right-radius: 10upx;
	background-color: #031e3c;
}

.showimg {
	max-width: 100%;
}

.btn-label {
	width: auto;
	height: auto;
	font-size: 30rpx;
	border-color: transparent !important;
	padding: 0;
	margin: 0;
	display: inline-block;
}

.obit-full-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

// 占位符 背景
.back-t {
	width: 10rpx;
	height: 25rpx;
	background: rgba(90, 211, 253, 1);
	border-radius: 3px;
	display: inline-block;
}

.bold {
	font-weight: 600;
}
.w-100 {
	width: 100% !important;
}
.h-100 {
	height: 100% !important;
}
.width100 {
	width: 100%;
	height: 100%;
}
.radius {
	border-radius: 200rpx;
}
.radius-small {
	border-radius: 20rpx;
}
.line-bak {
	height: 4rpx;
	width: 100%;
	content: ' ';
	background-color: #f8f5f5;
}
